<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
          body{ background: #ffffff

          }
          .dht{ height: 40px; overflow: hidden; width: 100%}
          .dh{display:inline; padding: 10px 11px; margin-left: 10px;}

          .htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: 16px;margin:1rem 0 .4rem 0}
  .wrapper01 {position:relative;height: 42px;width: 100%;overflow: hidden;margin:0 auto;
  }
  .wrapper01 .scroller {position:absolute}
  .wrapper01 .scroller li {height: 40px;color:#333;float: left;line-height: 40px;font-size: 16px;text-align: center; margin: 0px 10px}
  .wrapper01 .scroller li a{color:#808080;display:block;padding:0 8px}
  .wrapper01 .scroller li.cur a{color:#000000; border-bottom: 2px solid #000000}
  .tl{border-bottom:1px solid #ccc;-webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);}
    .line2{ height: 5px; background-color: #ededed}
    .listwrap{ }
    .stitle{line-height: 55px}
      </style>
  </head>
  <body>

    <div class="tl">
    </div>
      <div class="wrapper wrapper01" id="retr">
      <div class="scroller" style="width: 1639px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
      <ul class="clearfix">
      <li class="cur"  ><a href="javascript:void(0)">全部</a></li>
      <li   ><a href="javascript:void(0)">公众号</a></li>
      <li  ><a href="javascript:void(0)">小程序</a></li>
      <li  ><a href="javascript:void(0)">朋友圈</a></li>
      <li  ><a href="javascript:void(0)">文章</a></li>

      </ul>
      </div>
      </div>
    <div class="line2"></div>

    <div class="listwrap">
    <div class="img1" onclick="openwin('gzgzh')">
    <img   id="img1" class="imgCache"  srcs="">
    </div>
    <div class="line2"></div>
    <div class="img1">
  <img   id="img2" class="imgCache"  srcs="">
    </div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/common.js"></script>
  <script  type="text/javascript"  src="../script/jquery-2.1.1.min.js"></script>
   <script  type="text/javascript"  src="../script/jquery.md5.js"></script>
  <script type="text/javascript">

  function openwin(name){

    api.openWin({
        name: name,

        url: './'+name+'.html',

    });


  }

      apiready = function(){

      $api.attr($api.byId('img1'),'srcs' ,  localStorage.getItem('img1'));
      $api.attr($api.byId('img2'),'srcs' ,  localStorage.getItem('img2'));

  _zyzImgCache();
      };
  </script>
  </html>
